@charset "utf-8";
/** 清除格式化标签 **/
html,body, ul, ol,li,p,h1,h2,h3,h4,h5,h6,figcaption,figure,fieldset{ margin: 0; padding: 0; list-style: none;}
label,nav,main,section,article,aside,footer,address,figure,figcaption{ display:block;}
em,i{font-style: normal;}

/** 设置默认字体 **/
html, body {-webkit-text-size-adjust: none; font-family: helvetica, Arial, "Hiragino Sans GB";-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased; font-smoothing: antialiased;}
html, body { width: 100%; height: 100%; font-size:0.65rem; color: #fde7c6;} 
body{ background:url(../images/bj1.jpg) repeat-y; background-size:contain;}
  
/** 设置表单元素**/
button, input, select, textarea {font-family: helvetica, Arial, "Hiragino Sans GB"; outline:none;}
textarea {resize: none;overflow: auto;}

/** 去除点击后的高亮**/
* { -webkit-tap-highlight-color: rgba(0,0,0,0); }

/** 重置图片元素 **/
img {border: 0px; vertical-align: middle; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto;}

/** 重置表格元素 **/
table {border-collapse: collapse;border-spacing: 0;}

 a{color: #666; text-decoration: none;}

/** 清除浮动 **/
.clearfix {*zoom:1;}
.clearfix:before, .clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both;}

.main{ max-width: 750px; width: 100%; height: 100%; margin: 0 auto;}
.list { padding:0.5rem 1rem 0 1rem; }
.list li{ height: 1.7rem; line-height: 1.7rem; display: flex; background: #0c0c0a; margin: 0.4rem 0;}
.list li span{ width:2rem; text-align: center; background: #b98f4c; font-size: .9rem; font-weight: bold; color: #111;}
.list li p{ padding-left: 0.5rem;}

section{ padding-bottom: 0.5rem;}
.tit{ font-size: 1rem; padding: 0.5rem 0; background: linear-gradient(to right, #a47038 0%,#f2e095 50%, #f8de8d 100%); -webkit-background-clip: text;  color: transparent; text-align: center;}
.dir ul{ display: flex; flex-wrap: wrap; line-height: 0.9rem;}
.dir li img{ margin-bottom: 0.25rem;}
.dir li{ width: 28%; padding: 0.25rem 11%; text-align: center;}
.plan .txt{ margin: 0.2rem 0.5rem 0.5rem; border: 3px solid #b29568; padding: 0.5rem; border-radius: 0.5rem; line-height: 1rem;}

.tip{ padding: 0 0.5rem;}
.tip li{ display: flex; padding-bottom: 0.25rem; }
.tip li span{ width: 1rem; height:1rem;  line-height: 1rem; text-align: center; background: #fde7c6; color: #000; border-radius: 50%; flex-shrink: 0;}
.tip li p{ padding-left: 0.5rem; line-height: 1rem;}
.zy{ padding: 0.5rem; }
